<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>聖馨幼兒國際學校</title>
    <link href="images/favicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon"/>

    <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/flaticon/flaticon.css" rel="stylesheet">
    <link href="assets/css/lightcase.css" rel="stylesheet">
    <link href="assets/css/swiper.min.css" rel="stylesheet">
    <link href="assets/css/quick-view.css" rel="stylesheet">
    <link href="assets/css/jquery.nstSlider.css" rel="stylesheet">
    <link href="assets/css/flexslider.css" rel="stylesheet">
    <link href="assets/css/rtl.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
</head>

<body id="scroll-top">
    
    <!-- 頂部 -->
    <header>
        <div class="header-top">
            <div class="container">
                <ul class="left">
                    <li><span><i class="fa fa-phone" aria-hidden="true"></i></span> 聯絡電話 : 8801 234 567 890</li>
                    <li><span><i class="fa fa-clock-o" aria-hidden="true"></i></span> 營業時間 : 9:30am-5:30pm</li>
                    <li><span><i class="fa fa-home" aria-hidden="true"></i></span> 地址 : 三民區同盟路</li>
                </ul>
                <ul class="right">
                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="main-menu">
            <nav class="navbar ">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">導航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" class="img-responsive"></a>
                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="active"><a href="index.html">首頁</a></li>
                            <li><a href="classes.html">教學課程</a></li>
                            <li><a href="teachers.html">教師團隊</a></li>
                            <li class="dropdown">
                                <a href="photos.html" class="dropdown-toggle" data-toggle="dropdown" >活動相簿 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="photos.html">107學年度照片集</a></li>
                                    <li><a href="photos.html">106學年度照片集</a></li>
                                    <li><a href="photos.html">105學年度照片集</a></li>    
                                    <li><a href="photos.html">104學年度照片集</a></li>
                                    <li><a href="photos.html">103學年度照片集</a></li>
                                    <li><a href="photos.html">102學年度照片集</a></li>
                                </ul>
                            </li>
                            <li><a href="news.html">最新消息</a></li>
                            <li><a href="about.html">關於我們</a></li>
                            <li><a href="contact.html">線上報名</a></li>
                        </ul>  
                    </div>
                </div>
            </nav>
        </div>
    </header>


    <section class="banner banner-two section-notch">
        <div class="banner-slider swiper-container">
            <div class="swiper-wrapper">
                <div class="banner-item swiper-slide" style="background-image: url(images/banner/banner_01.jpg);">
                    <div class="banner-overlay"></div>
                    <div class="container">
                        <div class="banner-content">
                        
                        </div>
                    </div>
                </div>
                <div class="banner-item swiper-slide" style="background-image: url(images/banner/banner_02.jpg);">
                    <div class="banner-overlay"></div>
                    <div class="container">
                        <div class="banner-content">
                        
                        </div>
                    </div>
                   
                </div>
                <div class="banner-item swiper-slide" style="background-image: url(images/banner/banner_03.jpg);">
                    <div class="banner-overlay"></div>
                    <div class="container">
                        <div class="banner-content">
                        
                        </div>
                    </div>
            
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>

   
    <section class="facility padding-120">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="facility-item">
                        <span class="icon flaticon-symbols"></span>
                        <h4>Active Learning</h4>
                        <p>Uniquely productivate real time collaboration idea-sharing after awesome quality vectors after</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="facility-item">
                        <span class="icon flaticon-avatar"></span>
                        <h4>Expert Teachers</h4>
                        <p>Uniquely productivate real time collaboration idea-sharing after awesome quality vectors after</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="facility-item">
                        <span class="icon flaticon-world"></span>
                        <h4>Strategi Location</h4>
                        <p>Uniquely productivate real time collaboration idea-sharing after awesome quality vectors after</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="facility-item">
                        <span class="icon flaticon-line-chart"></span>
                        <h4>Full Day Programs</h4>
                        <p>Uniquely productivate real time collaboration idea-sharing after awesome quality vectors after</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 關於我們 -->
    <section class="about section-notch">
        <div class="overlay padding-120">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="about-image">
                            <img src="images/about/about.png" alt="about image" class="img-responsive">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="about-content">
                            <h3>關於聖馨</h3>
                            <p>本員於民國87年10月為郭國聖董事長斥資數億元，歷時兩年興建完成，隸屬於「郭隆龍先生文教基金會」，幼兒教育事業一直是郭董事長畢生的心願，希望能為國家未來主人翁提供良好學習環境。 員內硬體規劃及庭員設計均出自郭夫人之手，傳達了對藝術的喜愛與追求，讓孩童也能在充滿藝術的氣氛中成長、茁壯。</p>
                            <p>本員師資均為合格幼教師，並研習蒙氏教學360小時以上，具有幼教素養，更富有愛心與耐心，每位工作同仁都把幼兒當作自己的孩子一洋寶貝。 </p>
                            <ul>
                                <li><a href="about.html" class="button-default">了解更多</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 課程 -->
    <section class="classes padding-120">
        <div class="container">
            <div class="section-header">
                <h3>優秀課程</h3>
                <p>Rapidiously expedite granular imperatives before economically sound web services. Credibly actualize pandemic strategic themeplatform.</p>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="class-item">
                        <div class="image">
                            <a href="class-single.html">
                                <img src="images/classes/class_01.jpg" alt="class image" class="img-responsive">
                            </a>
                        </div>
                        <ul class="schedule">
                            <li>
                                <span>課程時長</span>
                                <span>30 - 40</span>
                            </li>
                            <li>
                                <span>年齡段</span>
                                <span>5 - 6</span>
                            </li>
                            <li>
                                <span>費用</span>
                                <span>$1500</span>
                            </li>
                        </ul>
                        <div class="content">
                            <h4><a href="class-single.html">舞蹈課</a></h4>
                            <p><span>上課時間</span> : 08:00 am - 10:00 am</p>
                            <p>Draticaly novate fuly rarched an plications  awesome theme education</p>
                        </div>
                        <div class="address">
                            <p><span><i class="fa fa-home" aria-hidden="true"></i></span> 三民區同盟路</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="class-item">
                        <div class="image">
                            <a href="class-single.html">
                                <img src="images/classes/class_02.jpg" alt="class image" class="img-responsive">
                            </a>
                        </div>
                        <ul class="schedule">
                            <li>
                                <span>課程時長</span>
                                <span>30 - 40</span>
                            </li>
                            <li>
                                <span>年齡段</span>
                                <span>5 - 6</span>
                            </li>
                            <li>
                                <span>費用</span>
                                <span>$1500</span>
                            </li>
                        </ul>
                        <div class="content">
                            <h4><a href="class-single.html">藝術課</a></h4>
                            <p><span>上課時間</span> : 08:00 am - 10:00 am</p>
                            <p>Draticaly novate fuly rarched an plications  awesome theme education</p>
                        </div>
                        <div class="address">
                            <p><span><i class="fa fa-home" aria-hidden="true"></i></span> 三民區同盟路</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="class-item">
                        <div class="image">
                            <a href="class-single.html">
                                <img src="images/classes/class_03.jpg" alt="class image" class="img-responsive">
                            </a>
                        </div>
                        <ul class="schedule">
                            <li>
                                <span>課程時長</span>
                                <span>30 - 40</span>
                            </li>
                            <li>
                                <span>年齡段</span>
                                <span>5 - 6</span>
                            </li>
                            <li>
                                <span>費用</span>
                                <span>$1500</span>
                            </li>
                        </ul>
                        <div class="content">
                            <h4><a href="class-single.html">鋼琴課</a></h4>
                            <p><span>上課時間</span> : 08:00 am - 10:00 am</p>
                            <p>Draticaly novate fuly rarched an plications  awesome theme education</p>
                        </div>
                        <div class="address">
                            <p><span><i class="fa fa-home" aria-hidden="true"></i></span> 三民區同盟路</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="class-button">
                <a href="classes.html" class="button-default">查看更多課程</a>
            </div>
        </div>
    </section>
    
    <!-- 學生數量 -->
    <section class="achievements section-notch">
        <div class="overlay padding-120">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-3 col-12">
                      <div class="achievement-item">
                        <i class="icon flaticon-student"></i>
                        <span class="counter">320</span><span>+</span>
                        <p>學生數量</p>
                      </div><!-- achievement item -->
                    </div>
                    <div class="col-md-3 col-sm-3 col-12">
                      <div class="achievement-item">
                        <i class="icon flaticon-construction"></i>
                        <span class="counter">12</span>
                        <p>教師數量</p>
                      </div><!-- achievement item -->
                    </div>
                    <div class="col-md-3 col-sm-3 col-12">
                      <div class="achievement-item">
                        <i class="icon flaticon-school-bus"></i>
                        <span class="counter">24</span>
                        <p>學校 Bus</p>
                      </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-12">
                      <div class="achievement-item">
                        <i class="icon flaticon-people"></i>
                        <span class="counter">15</span>
                        <p>教師數量</p>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- 活動相簿 -->
    <section class="gallery" style="padding-top: 120px">
        <div class="container">
            <div class="section-header">
                <h3>活動相簿 </h3>
                <p>Rapidiously expedite granular imperatives before economically sound web services. Credibly actualize pandemic strategic themeplatform.</p>
            </div>

            <div class="gallery-items">
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
                <div class="gallery-item">
                    <div class="gallery-image">
                        <img src="images/gallery/gallery_01.jpg" alt="gallery image" class="img-responsive">
                        <div class="gallery-overlay"><div class="bg"></div></div>
                        <div class="gallery-content">
                            <a href="images/gallery/gallery_bg_01.jpg" data-rel="lightcase:myCollection"><i class="icon flaticon-expand"></i></a>
                            <h4>相片1</h4>
                        </div>
                    </div>
                </div>
            </div>

            <div class="gallery-button"><a href="photos.html" class="button-default">查看更多相簿</a></div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-item">
                            <div class="title"><img src="images/logo.png" alt="logo" class="img-responsive"></div>
                            <div class="footer-about">
                                <p>本員是一個培養幼兒優良人格特質的員所，一貫以正確的觀念來實現幼兒教育目標，幫助孩子的生命朝向正常的發展。</p>
                                <ul>
                                    <li><span><i class="fa fa-home" aria-hidden="true"></i></span> 三民區同盟路</li>
                                    <li><span><i class="fa fa-phone" aria-hidden="true"></i></span> +8801 923 970 212, 0125897</li>
                                    <li><span><i class="fa fa-envelope-o" aria-hidden="true"></i></span> Contact@admin LabArtisan</li>
                                    <li><span><i class="fa fa-globe" aria-hidden="true"></i></span> Email@admin LabArtisan</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-item">
                            <h4 class="title">最新消息</h4>
                            <ul class="footer-post">
                                <li>
                                    <div class="image">
                                        <a href="single-news.html"><img src="images/blog/footer_post_01.jpg" alt="post image" class="img-responsive"></a>
                                    </div>
                                    <div class="content">
                                        <p><a href="single-news.html">Corem psum dolor the amectetuer adipiscing...</a></p>
                                        <span>2018-05-05</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="image">
                                        <a href="single-news.html"><img src="images/blog/footer_post_02.jpg" alt="post image" class="img-responsive"></a>
                                    </div>
                                    <div class="content">
                                        <p><a href="single-news.html">Corem psum dolor the amectetuer adipiscing...</a></p>
                                        <span>2018-05-05</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="image">
                                        <a href="single-news.html"><img src="images/blog/footer_post_03.jpg" alt="post image" class="img-responsive"></a>
                                    </div>
                                    <div class="content">
                                        <p><a href="single-news.html">Duis autem iriure dolor in hendrerit esse...</a></p>
                                        <span>2018-05-05</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-item">
                            <h4 class="title">教師團隊</h4>
                            <ul class="photos">
                                <li><a href="teachers.html"><img src="images/teachers/teacher_01.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_02.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_03.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_04.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_05.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_06.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_07.jpg" alt="教師" class="img-responsive"></a></li>
                                <li><a href="teachers.html"><img src="images/teachers/teacher_08.jpg" alt="教師" class="img-responsive"></a></li>
                        
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <p>&copy; 2018. 聖馨幼兒國際學校</p>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <ul class="social-default">
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- 返回頂部 -->
    <a class="page-scroll scroll-top" href="#scroll-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>


    <!-- JS -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/lightcase.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/swiper.jquery.min.js"></script>
    <script src="assets/js/circle-progress.min.js"></script>
    <script src="assets/js/velocity.min.js"></script>
    <script src="assets/js/quick-view.js"></script>
    <script src="assets/js/jquery.nstSlider.js"></script>
    <script src="assets/js/flexslider-min.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>
</html>